<!doctype html>
<html>
<head>
	<title>Ajax 移动端三级省市联动</title>
	<meta charset="utf-8">
	<meta name="keywords" content=""> <!-- seo网站关键字 -->
	<meta name="description" content=""> <!-- seo对网站的文字描述 -->
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
	<!-- IE使用最新渲染模式，chrome框架使用webkit内核 -->
	<meta name='renderer' content="webkit">
	<!-- 让360浏览器使用webkit内核 -->
	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
	<!-- 让屏幕1：1缩放，并且在移动设备上禁止放大缩小 -->

	<!-- 以下两个插件用于在IE8以及以下版本浏览器支持HTML5元素和媒体查询，如果不需要用可以移除 -->
	<!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    
    <link rel="stylesheet" type="text/css" href="css/mobilecity.css">
    <style type="text/css">
        #city_text{width:200px; height:30px; line-height:30px; padding:0px 5px; margin-top:20px; margin-left:20px; border:1px solid #c1c1c1; background-color:#fff;}
    </style>
   	<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
    <script type="text/javascript" src="js/mobilecity.js"></script>
    <script>
        $(function(){
            $("#city_text").citySelect({
                prov:'宜宾市', 
                city:'高县',
                dist:null
            });
        })
    </script>
</head>
<body>
    <input type="text" id='city_text' readonly />
</body>
</html>         